<!DOCTYPE html>
<meta charset="UTF-8">
<style type="text/css">
.c_tabs_hborder {
	border-bottom: 1px solid green !important;
	background: orange !important;
}

.c_tabs_wborder {
	border: 1px solid green !important;
}

.c_tabs_iborder {
	border-left: 1px solid green !important;
	border-right: 1px solid green !important;
	background: orange !important;
}

.c_tabs_bborder {
	border-left: 0px solid green !important;
	border-right: 0px solid green !important;
	border-bottom: 0px solid green !important;
	background: orange !important;
}
</style>
<div style="padding: 10px; width: 200px;">
	<h2>border:true默认样式</h2>
	<div data-type="tabs" data-defs="border:true" style="width: 300px; height: auto">
		<div title="关于" style="padding: 10px">jwwui 是基于jQuery写的一组html组件.</div>
		<div title="帮助" data-defs="iconCls:'icon-help',closable:true" style="padding: 10px">
			<ul data-type="tree"
				data-defs="method:'get',url: 'demo/testdata/tree_data1.json',animate:true"></ul>
		</div>
	</div>
</div>
<div style="padding: 10px; width: 200px;">
	<h2>border:false自定义样式</h2>
	<div data-type="tabs"
		data-defs="border:false,headerCls:'c_tabs_hborder',warpCls:'c_tabs_wborder',itemCls:'c_tabs_iborder'"
		style="width: 300px; height: auto">
		<div title="关于" style="padding: 10px">jwwui 是基于jQuery写的一组html组件.</div>
		<div title="帮助" data-defs="iconCls:'icon-help',closable:true" style="padding: 10px">
			<ul data-type="tree"
				data-defs="method:'get',url: 'demo/testdata/tree_data1.json',animate:true"></ul>
		</div>
	</div>
</div>
<div style="padding: 10px; width: 200px;">
	<h2>border:false去掉外边框,headerCls:'byb byt'增加了header的上下边框</h2>
	<div data-type="tabs" data-defs="border:false,headerCls:'byb byt'" style="width: 300px; height: auto">
		<div title="关于" style="padding: 10px">jwwui 是基于jQuery写的一组html组件.</div>
		<div title="帮助" data-defs="iconCls:'icon-help',closable:true" style="padding: 10px">
			<ul data-type="tree"
				data-defs="method:'get',url: 'demo/testdata/tree_data1.json',animate:true"></ul>
		</div>
	</div>
</div>
